// pages/infoYz/components/jbxx/index.js
Component({
  /**
   * 组件的属性列表
   */
  properties: {

  },

  /**
   * 组件的初始数据
   */
  data: {
    frontImage: '',   // 行驶证正页图片
    backImage: '',    // 行驶证副页图片
    colorOptions: ['蓝色', '黄色', '黑色', '白色'], // 车牌颜色选项
    colorIndex: '',
    plateNumber: '',  // 车牌号码
    registerDate: '', // 注册日期
    totalMass: '',    // 总质量
    ownerTypeOptions: ['个人', '企业', '单位'], // 所有人类型
    ownerTypeIndex: 0,
    date: '',
    name1: '',
    name2: '',
    name3: '',
    name4: '',
    name5: '',
    name6: ''
  },

  /**
   * 组件的方法列表
   */
  methods: {
    gotoInfoYz () {
      this.triggerEvent('closePopBox', { action: 'closePopBox' });
    },
    // 选择行驶证正页图片
    chooseFrontImage() {
      wx.chooseImage({
        count: 1,
        success: (res) => {
          this.setData({ frontImage: res.tempFilePaths[0] });
          // 这里可添加OCR识别逻辑，自动填充车牌号码和注册日期
        }
      });
    },
  
    // 选择行驶证副页图片
    chooseBackImage() {
      wx.chooseImage({
        count: 1,
        success: (res) => {
          this.setData({ backImage: res.tempFilePaths[0] });
        }
      });
    },
  
    // 车牌颜色选择
    onColorChange(e) {
      console.log(e)
      this.setData({ colorIndex: e.detail.value });
    },
  
    // 车牌号码输入
    onPlateNumberInput(e) {
      this.setData({ plateNumber: e.detail.value });
    },
  
    // 注册日期输入
    onRegisterDateInput(e) {
      this.setData({ registerDate: e.detail.value });
    },
  
    // 总质量输入
    onTotalMassInput(e) {
      this.setData({ totalMass: e.detail.value });
    },
  
    // 所有人类型选择
    onOwnerTypeChange(e) {
      this.setData({ ownerTypeIndex: e.detail.value });
    },
    nexts () {
      const {name1, name2, name3, name4, name5} = this.data
      if (name1 && name2 && name3 && name4 && name5) {
        this.triggerEvent('setinfoItems', { action: 'setinfoItems', popBoxPageType: 'yzzz', fn: true });
      } else {
        wx.showToast({ title: '请完善信息', icon: 'none' });
      }
    },
    // 提交表单（示例，需根据实际需求实现）
    submitForm() {
      const { frontImage, backImage, colorOptions, colorIndex, plateNumber, registerDate, totalMass, ownerTypeOptions, ownerTypeIndex } = this.data;
      // 验证表单数据
      if (!frontImage || !backImage || !plateNumber || !registerDate || !totalMass) {
        wx.showToast({ title: '请填写完整信息', icon: 'none' });
        return;
      }
      // 提交到服务器（示例代码）
      wx.request({
        url: 'https://your-api.com/submit',
        method: 'POST',
        data: {
          frontImage,
          backImage,
          plateColor: colorOptions[colorIndex],
          plateNumber,
          registerDate,
          totalMass,
          ownerType: ownerTypeOptions[ownerTypeIndex]
        },
        success: (res) => {
          wx.showToast({ title: '提交成功', icon: 'success' });
        }
      });
    }
  }
})